﻿<!DOCTYPE HTML>
<html>
<head>
    <script id="allmobilize" charset="utf-8" src="/js/allmobilize.min.js"></script>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate" media="handheld"/>
    <!-- end 云适配 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>注册-拉勾网-最专业的互联网招聘平台</title>
    <meta property="qc:admins" content="23635710066417756375"/>
    <meta content="拉勾网是3W旗下的互联网领域垂直招聘网站,互联网职业机会尽在拉勾网" name="description">
    <meta content="拉勾,拉勾网,拉勾招聘,拉钩, 拉钩网 ,互联网招聘,拉勾互联网招聘, 移动互联网招聘, 垂直互联网招聘, 微信招聘, 微博招聘, 拉勾官网, 拉勾百科,跳槽, 高薪职位, 互联网圈子, IT招聘, 职场招聘, 猎头招聘,O2O招聘, LBS招聘, 社交招聘, 校园招聘, 校招,社会招聘,社招"
          name="keywords">

    <meta name="baidu-site-verification" content="QIQ6KC1oZ6"/>

    <!-- <div class="web_root"  style="display:none">h</div> -->
    <script type="text/javascript">
        var ctx = "h";
        console.log(1);
    </script>
    <link rel="Shortcut Icon" href="/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/css/style.css"/>

    <script src="/js/jquery.1.10.1.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="/js/jquery.lib.min.js"></script>
    <script type="text/javascript" src="/js/core.min.js"></script>


    <script type="text/javascript">
        var youdao_conv_id = 271546;
    </script>
    <script type="text/javascript" src="/js/conv.js"></script>
</head>

<body id="login_bg">
<div class="login_wrapper">
    <div class="login_header">
        <a href=""><img src="/images/logo_white.png" width="285" height="62" alt="拉勾招聘"/></a>
        <div id="cloud_s"><img src="/images/cloud_s.png" width="81" height="52" alt="cloud"/></div>
        <div id="cloud_m"><img src="/images/cloud_m.png" width="136" height="95" alt="cloud"/></div>
    </div>

    <input type="hidden" id="resubmitToken" value="9b207beb1e014a93bc852b7ba450db27"/>
    <div class="login_box">
        <form id="loginForm">
            <ul class="register_radio clearfix">
                <li>
                    找工作
                    <input type="radio" value="2" name="type"/>
                </li>
                <li>
                    招人
                    <input type="radio" value="3" name="type"/>
                </li>
            </ul>
            <input type="text" id="email" name="email" tabindex="1" placeholder="请输入常用邮箱地址"/>
            <span class="error" style="display:none;" id="beError"></span>
            <input type="password" id="password" name="password" tabindex="2" placeholder="请输入密码"/>
            <label class="fl registerJianJu" for="checkbox">
                <input type="checkbox" id="checkbox" name="checkbox" checked class="checkbox valid"/>我已阅读并同意<a
                    href="h/privacy.html" target="_blank">《拉勾用户协议》</a>
            </label>
            <input type="submit" id="submitLogin" value="注 &nbsp; &nbsp; 册"/>

        </form>
        <div class="login_right">
            <div>已有拉勾帐号</div>
            <a href="/page/login.html" class="registor_now">直接登录</a>
        </div>
    </div>
    <div class="login_box_btm"></div>
</div>

<script type="text/javascript">

    $(document).ready(function (e) {
        $('.register_radio li input').click(function (e) {
            $(this).parent('li').addClass('current').append('<em></em>').siblings().removeClass('current').find('em').remove();
        });

        $('#email').focus(function () {
            $('#beError').hide();
        });


        //验证表单
        $("#loginForm").validate({
            rules: {
                type: {
                    required: true
                },
                email: {
                    required: true,
                    email: true
                },
                password: {
                    required: true,
                    rangelength: [6, 16]
                },
                checkbox: {required: true}
            },
            messages: {
                type: {
                    required: "请选择使用拉勾的目的"
                },
                email: {
                    required: "请输入常用邮箱地址",
                    email: "请输入有效的邮箱地址，如：vivi@lagou.com"
                },
                password: {
                    required: "请输入密码",
                    rangelength: "请输入6-16位密码，字母区分大小写"
                },
                checkbox: {
                    required: "请接受拉勾用户协议"
                }
            },
            errorPlacement: function (label, element) {
                if (element.attr("type") == "radio") {
                    label.insertAfter($(element).parents('ul')).css('marginTop', '-20px');
                } else if (element.attr("type") == "checkbox") {
                    label.insertAfter($(element).parent()).css('clear', 'left');
                } else {
                    label.insertAfter(element);
                }
                ;
            },

            submitHandler: function (form) {
                var type = $('input[type="radio"]:checked', form).val();
                var email = $('#email').val();
                var password = $('#password').val();
                $(form).find(":submit").attr("disabled", true);

                $.ajax({
                    type: 'POST',
                    url: '/user/register.html?email=' + email + '&password=' + password + '&type=' + type,
                }).done(function (result) {
                    if (result.code == 2) {
                        window.location.href = '/page/login.html';
                    } else {
                        $('#beError').text(result.msg).show();
                    }
                    $(form).find(":submit").attr("disabled", false);
                });
            }
        });
    });
</script>
</body>
</html>
